import "./login.scss";
import {
    xhrPost,
    cookie
} from "../../libs/common";
/**
 * 选项卡 注册or登陆
 */
$("#zhuce2").click(function () {
    $("#deng2").hide();
    $("#deng1").show();
    console.log("111")
});
$("#denglu").click(function () {
    $("#deng2").show();
    $("#deng1").hide();
});
/**
 * 表单验证模块
 * @function validate ------------------开始验证
 * @function error ---------------------验证失败
 * @function success -------------------验证成功
 * @function validateUserName ----------账号验证
 * @function validatePassWord ----------密码验证
 * 
 */
//公共正则表达式
var regList = {
    'email': /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@[0-9a-z]{2,9}\.[a-z]{2,6}(\.[a-z]{2,3})?$/i,
    'phone': /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/,
    'password': /^[a-zA-Z\d_]{6,20}$/
}
var form = $("#register_form"); //form表单选取
var loading = false; //默认
// 开始验证
function validate(str, reg) {
    return reg.test(str);
}
//验证失败
function error(tip, tipEle) {
    tipEle.attr("text", "class").html(tip);
    tipEle.attr("style", "color:red");
}
//成功
function success(tipEle) {
    tipEle.attr("class", "success").html("输入正确");
    tipEle.attr("style", "color:green");
}
//账号验证
function validateUserName() {
    var userValue = $("#usename1").val();
    if (!(validate(userValue, regList.email) || validate(userValue, regList.phone))) {
        return error("请输入正确的手机号或者邮箱", $("#nameTip"));
    } else {
        return success($("#nameTip"))
    };
}
//密码验证
function validatePassWord() {
    var password = $("#password1").val();
    console.log(password);
    if (validate(password, regList.password)) {
        return success($("#pwdTip"));
    } else {
        return error("请输入6~20位密码", $("#pwdTip"));
    };
}
/**
 * 注册/登陆
 * @function init ------------- 初始化
 * @function bindEvent -------- 事件绑定
 * @function submitData ------- 注册 向服务器发送数据 并存入数据库；
 * @function getData ---------- 登陆 向服务器获取数据 
 * 
 */
//阻止表单默认事件
form.onsubmit = function (evt) {
    var e = evt || window.event;
    e.preventDefault();
}
//注册
function submitData() {
    if (loading) return false;
    loading = true;
    $("#register-botton").disabled = "disabled";
    $("#register-botton").html("loading...");
    xhrPost("http://59.110.157.147/server/group8Interface/register.php", {
            username: $("#usename1").val(),
            password: $("#password1").val(),
            email: $("#email").val(),
            author: "xyy"
        })
        .then((res) => {
            console.log(res);
            loading = false;
            $("#register-botton").removeAttr("disabled");
            $("#register-botton").html("呵呵");
            //注册信息处理
            res = JSON.parse(res);
            if (res.status === "success") {
                alert("(＾－＾)V成功啦");
            } else {
                alert("o(╥﹏╥)o 失败了");
            }
        })
}
//登陆
function getData() {
    $("#register2-botton").disabled = "disabled";
    $("#register2-botton").html("loading...");
    xhrPost("http://59.110.157.147/server/group8Interface/login.php", {
            username: $("#usename2").val(),
            password: $("#password2").val(),
            author: "ty"
        })
        .then((res) => {
            console.log(res);
            loading = false;
            $("#register2-botton").removeAttr("disabled");
            $("#register2-botton").html("哈哈");
            //注册信息处理
            res = JSON.parse(res);
            if (res.status === "success") {
                alert("(＾－＾)V成功啦呀");
            } else {
                alert("o(╥﹏╥)o 失败了呀");
            }
        })
}
//初始化
function init() {
    bindEvent();
}
//事件绑定
function bindEvent() {
    $("#usename1").on("blur", validateUserName);
    $("#password1").on("blur", validatePassWord);
    $("#register-botton").on("click", submitData);
    $("#register2-botton").on("click", getData);
}
init();